@push('styles')
<!-- 引入 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css">
@endpush
<!-- 添加一个容器 -->
<div id="gitalk-container"></div>


@push('scripts')
<!-- 生成 gitalk 插件 -->
<script src="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js"></script>
<script>
    var gitalk = new Gitalk({
        clientID: '12f6e9cf1b1b164dab30', //Client ID
        clientSecret: 'ec94dc6212ebcb364d2c11d4feb46c85b646c4e5', //Client Secret
        repo: 'blog7xtalk', //仓库名称
        owner: 'YellowStars', //仓库拥有者
        admin: ['YellowStars'],
        id: '{{ $post->slug }}', // Ensure uniqueness and length less than 50
        distractionFreeMode: true // Facebook-like distraction free mode
    })

    gitalk.render('gitalk-container')
</script>
@endpush